*{margin:0;padding:0}
li{list-style: none}
a{text-decoration: none}
body,html{width:100%;height:100%;background: #f6f6f6}
@keyframes moveleft {
    0%{opacity:0;transform: translateX(2000px);}
    60%{opacity:1;transform: translateX(-30px);}
    80%{transform: translateX(10px)}
    100%{transform: translateX(0)}
}
@keyframes moveright{0%{opacity: 0;transform: translateX(2000px);}
    60%{opacity: 1;transform: translateX(-30px);}
    80%{transform: translateX(10px);}
    100%{transform: translateX(0);}}